<div id="app">
  <h2>插值表达式</h2>
  <p>{{ name }} 和 {{count}}</p>
  <p>{{ count }}</p>
  <h2>v-text</h2>
  <div v-text="name"></div>
  <h2>v-model</h2>
  <input type="text" v-model="name">
  <input type="text" v-model="count">
  <input type="text" v-model="html">
  <div v-html="html"></div>
  <button v-on:click="foo">点击</button>
</div>

<script type="module">
import Vue from './js/vue.js'
const vm = new Vue({
  el: '#app',
  data: {
    name: 'hi',
    count: 20,
    html: '<ul><li>第一条</li><li>第二条</li></ul>'
  },
  methods: {
    foo () {
      this.name = 'foo'
      console.log(this.name)
      console.log(this)
    }
  }
})
</script>
